<div style="height: 30px;margin-left: 10px">
    <div class='item1'style="text-align:center;height: 30px;width: 200px;float: left;border-bottom:3px solid gainsboro">岗位需求量——城市分布</div>
    <div class='item2' style="text-align:center;height: 30px;width: 200px;float: left;margin-left: 30px">具体城市岗位需求数量</div>
</div>
<div class="view"></div>
<div>
    <h3>分析结果</h3>
<div>从城市分布图看：</div>

<div>1.由图可得知，数据分析岗位证中国中部近海较为集中。</div>
<div>2.多集中在首都及附近城市以及江浙沪地带，猜测与地区发展情况有关。</div>
<div>从各城市需求量图看：</div>
<div>1.对数据分析岗有需求的城市多分布中中国东部，近海地带需求量比内陆大。</div>
<div>2.江浙沪地区经济发展好，互联网发展好，且有集群效应，这一带对于改该岗位需求量大。</div>





</div>

<script>
$.ajax({
    url:"{{ url_for('view1_1') }}",
    success:function (res) {
        $('.view').html(res)
    }
})


$('.item1').click(function () {
    $('.item1').css('border-bottom','3px solid gainsboro')
    $('.item2').css('border-bottom','0px')
    $.ajax({
    url:"{{ url_for('view1_1') }}",
    success:function (res) {

        $('.view').html(res)
    }
})
})


$('.item2').click(function () {
  $('.item2').css('border-bottom','3px solid gainsboro')
    $('.item1').css('border-bottom','0px')
    $.ajax({
    url:"{{ url_for('view1_2') }}",
    success:function (res) {

        $('.view').html(res)
    }
})
})
</script>